$(function(){
//	判断是否登录
	// 获取cookie
	var cookies = document.cookie;
	
	// 分割成数组
	var cookies_arr = cookies.split("=");
	
	// 判断cookie值是否是login
	if(cookies_arr[1] != "login"){
		// 购物车跳转到登录页
		$(".car a").on("click",function(event){
			// 清除默认跳转
			event.preventDefault();
			$(".alerts").css({
				display:"block"
			}).html("请您登录");
			// 1秒后隐藏
			setTimeout(function(){
				// 弹出窗隐藏
				$(".alerts").css({
					display:"none"
				});
				// 跳转到login
				location.href = "login.html";
			},1000);
		})
	}
	
	
//	产品列表轮播
	// 定义一个timer用来控制轮播
	var timer = null;
	var timers = null;
	
	// 索引变量
	var index = 0;
	
	// 获取要轮播的对象
	var slider_obj = $("#silider_bottom");
	
	// 获取li的数量
	var li_len = slider_obj.children();
	
//	点击更换图片
	li_len.on("click",function(){
		// 当前点击添加边框
		$(this).addClass("bd-color")
		// 兄弟去除边框
		.siblings().removeClass("bd-color");
		
		// 当前的图片路径给目标
		$(".change")[0].src = $(this).find("img")[0].src;
		$(".fdj .change")[0].src = $(this).find("img")[0].src;
	});
	
//	放大镜功能
	//	放大镜功能
	var img_fdj = document.querySelector(".main-left");
	var img = document.getElementsByClassName("image")[0];
	var box = document.querySelector(".box");
	var fdj = document.querySelector(".fdj");
	var change = fdj.getElementsByTagName("img")[0];
	var num = 0;
	
	//鼠标进入时
	$(".image").mouseenter(function(){
		var that = $(this);
		// 小盒子显示
		$(".box").css({
			display:"block"
		});
		
		// 放大镜显示
		$(".fdj").css({
			display:"block"
		});
		
		// 鼠标移动时
		$(".image")[0].onmousemove = function(event){
			// event对象
			var event = event || window.event;
			
			// 获取坐标
			var box_left = event.pageX;
			var box_top = event.pageY;
			
			// 计算box的位置
			var boxTop = box_top - $(".main-left").offset().top - $(".box").height() / 2;
			var boxLeft = box_left - $(".main-left").offset().left - $(".box").width() / 2;
			
			// 判断这个box的left是不是小与0
			if(boxLeft < 0){
				// 如果小与0就赋值为0
				boxLeft = 0;
			}else if(boxLeft > $(".main-left").width() - $(".box").width()){
				// 如果这个box的left值大于了这个大盒子减去小盒子的值，则把这个值赋值给小盒子的left
				boxLeft = $(".main-left").width() - $(".box").width();
			}
			
			// 判断这个box的top是不是小与0
			if(boxTop < 0){
				// 如果小与0就赋值为0
				boxTop = 0;
			}else if(boxTop > $(".main-left").height() - $(".box").height()){
				// 如果这个box的top值大于了这个大盒子减去小盒子的值，则把这个值赋值给小盒子的top
				boxTop = $(".main-left").height() - $(".box").height();
			}
			
			// 设置小盒子的top和lefe值
			$(".box").css({
				top:boxTop + "px",
				left:boxLeft + "px"
			})
			
			// 获取大盒子与小盒子的比列
			num = $(".main-left").width() / $(".box").width();
			
			// 放大镜的盒子根据比例来进行移动
			change.style.top = box.offsetTop * (-num) + "px";
			change.style.left = box.offsetLeft * (-num) + "px";
			
		}
	})
	// 鼠标离开时
	.mouseleave(function(){
		// 小盒子隐藏
		$(".box").css({
			display:"none"
		});
		
		// 放大镜隐藏
		$(".fdj").css({
			display:"none"
		});
	});
	
	// 点击目标添加对应的类
	addClassName($("#ems em"), "in");
	
	// 当目标失去焦点时
	$("#pro_num").on("blur",function(){
		// 设置当前对象的value值
		$(this).val(limit($(this).val()));
	});
	
	// 当jia点击时
	$("#jia").on("click",function(){
		// 定义一个num变量
		// 把输入框的值赋值给num
		var num = parseInt($("#pro_num").val());
		// num++
		num++;
		// 设置输入框的值
		$("#pro_num").val(limit(num));
	});
	
	// 当jia点击时
	$("#jian").on("click",function(){
		// 定义一个num变量
		// 把输入框的值赋值给num
		var num = parseInt($("#pro_num").val());
		// num++
		num--;
		// 设置输入框的值
		$("#pro_num").val(limit(num));
	});
	
	// 当button点击时
	$("#form_info button").click(function() {
		// 获取本地存储
		var cookies = document.cookie;
		// 裁剪数组
		var cookiesArr = cookies.split("=");
		// 判断是否等于里的第一个是否等于login
		if(cookiesArr[1] == "login") {
			if($(this).index() == 3){
				// 随机数
				var r = parseInt(Math.random()*6);
				var id = r;
				// 点击时定义一个对象
				var proList = {
					// 图片路径
					imgsrc:$(".image .change")[0].src,
					// 文本内容
					test:"玫丽盼（Milbon）护发精油 Milbon 玫丽盼 免洗护发精油 粗硬发质 120ml/瓶",
					// 商品价格
					price:$("#pro_price").html(),
					// 商品数量
					pro_num:$("#pro_num").val(),
					// id
					id:r
				}
				setLocaLStorage("proList", proList, id);
				// 等于就跳转到购物车
				location.href = "shop_car.html";
			}else {
				location.href = "pay.html";
			}
		}else {
//			 否则
//			 弹出窗显示
			$(".alerts").css({
				display:"block"
			}).html("请您登录");
//			 1秒后隐藏
			setTimeout(function(){
//				 弹出窗隐藏
				$(".alerts").css({
					display:"none"
				});
//				 跳转到login
				location.href = "login.html";
			},1000);
		}
	});
	
	
	// tab切换
	$(".tab-title li").mouseenter(function(){
		tab($(this), $(".tab-main").children().eq($(this).index()), "tab-border", "d-b");
	});
	
	
})